%row-line{
    margin-bottom: 0;
    border-bottom-width: .2rem;
    &::after {
        left: -.1rem;
        bottom: -.24rem;
        content: '';
        width: calc(100% + .2rem);
        height: .2rem;
        position: absolute;
        background-color: #344861;
        z-index: 9;
    }
}
%col-line{
    margin-right: 0rem;
    border-right-width: .2rem;
    &::before {
        top: -.2rem;
        content: '';
        width: .2rem;
        right: -.3rem;
        position: absolute;
        height: calc(100% + .5rem);
        background-color: #344861;
        z-index: 9;
    }
}

%top-line{
    border-top-width: .2rem;
    &::after{
        content: '';
        top: -.2rem;
        z-index: 9;
        left: -.1rem;
        height: .2rem;
        position: absolute;
        width: calc(100% + .2rem);
        background-color: #344861;
    }
}
%left-line{
    &::before{
        z-index: 9;
        content: '';
        top: -.1rem;
        left: -.1rem;
        width: .2rem;
        height: calc(100% + .2rem);
        position: absolute;
        background-color: #344861;
    }
}